	// 导航

	.tabs {
		@import url("@/static/css/common.css");

		.col5 {
			width: 20%;
			padding: 5px;
			// background: #972C22;
			background: rgba($color: #972C22, $alpha: 0.9);
		}

		.col2 {
			width: 35%;
			padding: 5px;
			background: rgba($color: #972C22, $alpha: 0.9);
		}

		.text-main {
			color: white;
		}
	}

	// 标题栏
	.container {
		margin: 0 15px;
	}

	.container {

		.logo {
			width: 32px;
			height: 32px;

			image {
				width: 32px;
				height: 32px;
				border-radius: 50%;
			}
		}

	}

	/*轮播图*/
	.swiper {
		width: 100%;
		margin-bottom: 20upx;
		display: flex;
		justify-content: center;

		.swiper-box {
			width: 92%;
			height: 40vw;
			overflow: hidden;
			border-radius: 15upx;
			box-shadow: 0upx 8upx 25upx rgba(0, 0, 0, 0.2);
			//兼容ios，微信小程序
			position: relative;
			z-index: 1;

			swiper {
				width: 100%;
				height: 40vw;

				swiper-item {
					image {
						width: 100%;
						height: 40vw;
					}
				}
			}
		}
	}

	// 广告图、行业动态
	.goods-list {
		// background-color: #f4f4f4;

		.title {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 60upx;
			color: #979797;
			font-size: 24upx;
		}

		.loading-text {
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			height: 60upx;
			color: #979797;
			font-size: 24upx;
		}

		.product-list {
			width: 96%;
			padding: 0 2.5% 0 2.5%;
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;

			.product {
				width: 48.75%;
				border-radius: 20upx;
				background-color: #fff;
				margin: 0 0 15upx 0;

				image {
					width: 100%;
					border-radius: 20upx 20upx 0 0;
				}

				.name {
					width: 92%;
					padding: 10upx 4%;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					text-align: justify;
					overflow: hidden;
					font-size: 20upx;
				}

				.name1 {
					width: 92%;
					padding: 10upx 4%;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;
					text-align: justify;
					overflow: hidden;
					font-size: 20upx;
				}

				.info {
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
					width: 92%;
					padding: 10upx 4% 10upx 4%;

					.price {
						color: #e65339;
						font-size: 30upx;
						font-weight: 600;
					}

					.slogan {
						color: #807c87;
						font-size: 24upx;
					}
				}
			}

		}
	}


	// 新闻
	.l-body {
		background-color: var(--c-bg-3);
		color: var(--c-txt-1);
		font-size: var(--f-size-2);
		margin-top: 2vh;
		/* font-size */
		--f-size-1: 24rpx;
		--f-size-2: 28rpx;
		--f-size-3: 32rpx;
		--f-size-4: 36rpx;
		--f-size-5: 40rpx;
		--f-size-6: 44rpx;

		/* color | background */
		// --c-txt-1: #FFFFFF;
		--c-txt-2: #95A1A6;
		// --c-txt-3: #cdced0;

		--c-bg-1: #000000;
		--c-bg-2: #7E7F94;
		--c-bg-3: #FFFFFF;

		/* padding-left | right */
		--pad-lr: 32rpx;

		/* navbar-height */
		--h-head: 96rpx;

		/* input placeholder text color */
		--c-input-holder: #696a7f;


		padding: 0 var(--pad-lr);

		.l-main {
			padding-bottom: 32rpx;
		}

		.l-h3 {
			display: flex;
			align-items: center;
			justify-content: space-between;
			background-color: #972C22;
			padding: 10rpx;
		}

		.l-h3-title {
			font: bold var(--f-size-3) normal;
			color: white;

		}

		.l-h3-more {
			display: flex;
			align-items: center;
			color: var(--c-bg-2);
			font: var(--f-size-1) normal;
			color: white;
		}

		.l-dl {
			margin-top: 32rpx;
			display: flex;
			width: 100%;
			height: 224rpx;
		}

		.l-dl-1 {
			margin-top: 32rpx;
			display: flex;
			width: 100%;
			height: 100%;
		}

		.l-dt {

			.l-dl {
				margin-top: 32rpx;
				display: flex;
				width: 100%;
				height: 100%;
			}

			width: 160rpx;
			height: 100%;
			border-radius: 10rpx;
			margin-right: 24rpx;
		}

		.l-dd {
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}

		.l-dd-title {
			color: var(--c-txt-3);
			font: var(--f-size-3) normal;
			font-size: 16px;
		}

		.l-dd-content,
		.l-dd-footer {
			color: var(--c-txt-2);
			font: var(--f-size-2)/var(--f-size-4) normal;
		}

		.l-dd-content {
			width: 100%;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
			font-size: 15px;
		}

		.l-dd-footer {
			display: flex;
			align-items: center;
		}

		.l-dd-view-footer {
			width: 100%;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			overflow: hidden;
			-webkit-line-clamp: 2;
		}

		.l-dd-img {
			width: 40rpx;
			height: 40rpx;
			border-radius: 50%;
			margin-right: 6rpx;
		}

		.l-icon-more {
			width: 30rpx;
			/* height: 27rpx; */
			vertical-align: middle;
			margin-left: 12rpx;
		}
	}

	// 横版广告
	.nav-block {
		padding-left: .5rem;
		padding-right: .5rem;
		line-height: 1;
		margin-bottom: 1.5px;

		.br {
			margin-bottom: .25rem
		}

		.inner {
			padding: .75rem
		}

		.grid-item {
			display: block;
			text-decoration: none
		}

		.item1 {
			height: 9.375rem;
			margin-right: .25rem;
			position: relative;
			color: #FFFFFF;
			background: #000000 url(//static.rong360.com/upload/jpg/6f/a6/6fa6adf5c2c63c1c427d71535c063630.jpg) 0 0 no-repeat;
			background-size: 100% 100%
		}

		.item1 i {
			font-size: 3rem
		}

		.item1 .text {
			position: absolute;
			left: .75rem;
			bottom: .75rem
		}

		.item1 .text .tit {
			margin-bottom: .5rem;
			font-size: 2rem
		}

		.item1 .text .desc {
			font-size: .75rem
		}
	}



	.specialArea {
		padding: 30rpx;


		.assemble {
			width: 260rpx;
			height: 260rpx;
			position: relative;
		}

		.assemble image {
			width: 100%;
			height: 100%;
			border-radius: 5rpx;
		}

		.assemble .text {
			position: absolute;
			top: 37rpx;
			left: 22rpx;
		}

		.name {
			font-size: 30rpx;
			color: #fff;
		}

		.infor {
			font-size: 22rpx;
			color: rgba(255, 255, 255, 0.8);
			margin-top: 5rpx;
		}

		.list {
			height: 260rpx;
			width: 100%;
		}

		.item {
			width: 100%;
			height: 124rpx;
			position: relative;
		}

		.item-half {
			width: 50%;
		}

		.item image {
			width: 100%;
			height: 100%;
		}

		.item .text {
			position: absolute;
			top: 23rpx;
			left: 28rpx;
		}


		.acea-row {
			display: flex;
			flex-wrap: wrap;
		}

		.acea-row.row-top {
			align-items: flex-start;
		}

		.acea-row.row-middle {
			align-items: center;
		}

		.acea-row.row-bottom {
			align-items: flex-end;
		}

		.acea-row.row-left {
			justify-content: flex-start;
		}

		.acea-row.row-center {
			justify-content: center;
		}

		.acea-row.row-right {
			justify-content: flex-end;
		}

		.acea-row.row-between {
			justify-content: space-between;
		}

		.acea-row.row-around {
			justify-content: space-around;
		}

		.acea-row.row-column {
			flex-direction: column;
		}

		.acea-row.row-column-between {
			// flex-direction: column;
			justify-content: space-between;
		}

		.acea-row.row-column-around {
			flex-direction: column;
			justify-content: space-around;
		}

		.acea-row.row-center-wrapper {
			align-items: center;
			justify-content: center;
		}

		.acea-row.row-between-wrapper {
			align-items: center;
			justify-content: space-between;
		}
	}



